<template>
  <!-- app下载框 -->
  <div class="app_content">
    <img
      src="//lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/home.59780ae.png"
      alt=""
      class="app_img"
    />
    <div class="app_tex">
      <div class="headline">下载稀土掘金APP</div>
      <div class="desc">一个帮助开发者成长的社区</div>
    </div>
  </div>
</template>
<style scoped>
/* app下载框 */
.app_content {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  margin-bottom: 16px;
  padding: 16px;
  font-size: 1.16rem;
  line-height: 1.29;
  color: #333;
}
.app_img {
  flex-direction: row;
  width: 4.167rem;
  height: 4.167rem;
  margin-right: 1.16rem;
}
.headline {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #1d2129;
}
.desc {
  margin-top: 0.5rem;
  font-size: 12px;
  line-height: 20px;
  color: #86909c;
}
</style>
